<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link href="../css/login.css" type="text/css" rel="stylesheet">
  <link href="../css/index.css" type="text/css" rel="stylesheet">
  <link href="../css/swiper-bundle.min.css" type="text/css" rel="stylesheet">
</head>

<body>
  <div class="top">
    <div>
      <div class="top-l">
        <a href="#">帮助中心</a>
        <a href="#">收藏</a>
        <a href="#">360官网</a>
        <a href="#">360智慧生活</a>
      </div>
      <div class="top-r">
        <div class="s-a-r">
          <span class="off active">
            <a href="./login.html">登录</a>
            <a href="./register.html" class="register">注册</a>
          </span>
          <span class="on">
            <span>xxx</span>
            <button class="logout">注销</button>
          </span>
        </div>
        <div class="car-box">
          <a href="#">
            <div></div>
          </a>
          <div class="car-list">您的购物车还没有商品，赶紧去选购吧！</div>
        </div>
      </div>
    </div>
  </div>
  <div class="header">
    <div class="logo-and-search">
      <a href="#"><img src="https://p1.qhimg.com/t0102789b8d00c3dfce.png"></a>
      <a href="#">新品推荐</a>
      <a href="#">热卖榜单</a>
      <div class="search">
        <input type="text">
        <i></i>
      </div>
    </div>
    <div class="suggest">
      <a href="#">记录仪</a>
      <a href="#">摄像机</a>
      <a href="#">路由器</a>
      <a href="#">耳机</a>
      <a href="#">扫地机</a>
      <a href="#">智能手表</a>
    </div>
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
    <ul class="first-nav">
      <div><a href="#">全部</a></div>
      <li><a href="#">家庭安防</a>
        <div class="second-nav"></div>
      </li>
      <li><a href="#">家庭安防</a></li>
      <li><a href="#">家庭安防</a></li>
      <li><a href="#">家庭安防</a></li>
      <li><a href="#">家庭安防</a></li>
      <li><a href="#">家庭安防</a></li>
      <li><a href="#">家庭安防</a></li>
    </ul>
  </div>
  <div class="banner">
    <div class="swiper">
      <div class="swiper-wrapper">
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p3.ssl.qhimg.com/t018b7e6292e40dac39.webp);"></a></div>
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p0.ssl.qhimg.com/t01184f1bb03f655f98.webp);"></a></div>
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p3.ssl.qhimg.com/t017443acfa1f8e9a9f.webp);"></a></div>
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p0.ssl.qhimg.com/t010870466939631120.webp);"></a></div>
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p3.ssl.qhimg.com/t01b1ae7e231ac75328.webp);"></a></div>
        <div class="swiper-slide"><a href="#"
            style="background-image: url(https://p0.ssl.qhimg.com/t0104d9aa62ec15199e.webp);"></a></div>
      </div>
      <div class="swiper-pagination"></div>
      <!-- <div class="swiper-button-prev"></div>
      <div class="swiper-button-next"></div> -->
    </div>
  </div>
  <div class="content">
      <p>热门活动</p>
      <div class="popular">
        <!-- <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.png">
        <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.png">
        <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.png">
        <img src="https://p5.ssl.qhimg.com/t0123e747cff6df3d57.png"> -->
      </div>
      <img src="https://p0.ssl.qhimg.com/t0170aaf86aa2387ded.webp">
      <p>家庭安防</p>
      <div class="content-floor">
        <a href="www.baidu.com" data-id="" class="content-list"><img src="https://p2.ssl.qhimg.com/t010270e51d5a815568.webp"></a>
        <a href="./detail.html" data-id="" class="content-detail">
          <div>
            <span>爆款</span>
            <img src="https://p3.ssl.qhimg.com/t0175716f0fe2cb8442.webp">
            <p class="content-name">360收藏洗涤剂<span>sfddsfsdf</span></p>
            <p class="content-pice">2999</p>
          </div>
      </a>
      </div>
      <img src="https://p2.ssl.qhimg.com/t01a65959191881d4b7.webp">
      <p>安全路由</p>
      <div class="content-floor"></div>
      <img src="https://p1.ssl.qhimg.com/t01f74bc541c9f56b86.webp">
      <p>行车安全</p>
      <div class="content-floor"></div>
      <img src="https://p2.ssl.qhimg.com/t014d665593f16f2c56.webp">
      <p>扫地机器人</p>
      <div class="content-floor"></div>
      <img src="https://p3.ssl.qhimg.com/t01f530addd6191ee23.webp">
      <p>智能守护</p>
      <div class="content-floor"></div>
      <img src="https://p3.ssl.qhimg.com/t011cf2a5c53c044738.webp">
      <p>生态互联</p>
      <div class="content-floor"></div>
      <img src="https://p5.ssl.qhimg.com/t015a6644ab76b1fff1.webp">
      <p>更多商品</p>
      <div class="content-bottom">
        <!-- <a href="./detail.html" data-id="">
          <div>
            <img src="https://p1.ssl.qhimg.com/dr/400_400_80/t01b92826f4bd6b892d.webp">
            <p class="bottom-name">发是发发发打发</p>
            <p class="bottom-pice">269</p>
            <p><span>直降</span></p>
          </div>
        </a> -->
      </div>
  </div>
  <div class="foot"><div><img src="../img/1.jpg"></div></div>
  <div class="bottom"><div><img src="../img/2.jpg"></div></div>

  <script src="../js/swiper-bundle.min.js"></script>
  <script src="../js/setIndexBanner.js"></script>
  <script src="../js/utils.js"></script>

  <script src="../js/index.js"></script>
  <script src="../js/getUl.js"></script>
  <script src="http://localhost:9999/searchIndex?callback=aaa&q=*&size=20&page=0&_=1639589450954"></script>
  <script src="http://localhost:9999/searchIndex?callback=aaa&q=*&size=20&page=1&_=1639589450955"></script>
  <!-- <script src=""></script> -->
</body>

</html>